<template>
    <div id="homePage">
        <mu-carousel >
            <mu-carousel-item v-for="item in imgInfo" :key="item.url" >
                <img :src="item.url" style="width:100%;height:100%" />
            </mu-carousel-item>
            
        </mu-carousel>
    </div>
</template>

<script>
import { getNews, getUserInfo, searchWeather } from "@/api/api";
export default {
    name: "Dashboard",
    data() {
        return {
            imgInfo:[
                {
                    url:require("@/assets/img/timg1.jpg"),
                },
                {
                    url:require("@/assets/img/timg2.jpg")
                },
                {
                    url:require("@/assets/img/timg3.jpg")
                },
                {
                    url:require("@/assets/img/timg4.jpg")
                },
                {
                    url:require("@/assets/img/timg5.jpg")
                },
                {
                    url:require("@/assets/img/timg6.jpg")
                },

            ],
            dataInfo: [],
        };
    },
    mounted() {
        //console.log(this.$store.states.message);
    },
    updated() {},
    methods: {
        
    },
};
</script>

<style scoped lang="less">
@media (max-width: 1024px) {
    .mu-carousel{
        height:300px
    }
}
</style>